<template>
  <div class="user-aside-panel">
    <el-aside>
      <div class="user-info">
        <div
          class="info-title font-16"
          v-text="$t('label176')"
        ></div>
        <el-menu
          @select="handleSelect"
          active-text-color='#CDAC76'
        >
          
          <el-menu-item index='/personalCenter/security'>{{$t('securityCenter')}}</el-menu-item>
          <el-submenu index='1'>
            <span slot="title">{{$t('label187')}}</span>
            <!-- <el-menu-item index='/personalCenter/order_detail'>{{$t('billDetail')}}</el-menu-item> -->
            <el-menu-item index='/personalCenter/entrustment'>{{$t('myEntrustment')}}</el-menu-item>
            <el-menu-item index='/personalCenter/deal_history'>{{$t('transRecord')}}</el-menu-item>
            <!-- <el-menu-item index='/personalCenter/otc_history'>{{$t('otcRecord')}}</el-menu-item> -->
            <el-menu-item index='/personalCenter/c2c_history'>{{$t('ctcRecord')}}</el-menu-item>
          </el-submenu>
          <el-menu-item index='/personalCenter/identify'>{{$t('identify')}}</el-menu-item>
          <el-menu-item index='/personalCenter/myFlink'>邀请好友</el-menu-item>
          <!-- <el-menu-item index='/account/work_order'>{{$t('label111')}}</el-menu-item> -->
          <el-submenu index='2'>
            <span slot="title">奖励明细</span>
            <el-menu-item index='/personalCenter/digReward'>交易挖矿奖励</el-menu-item>
            <el-menu-item index='/personalCenter/invite'>邀请记录</el-menu-item>
            <el-menu-item index='/personalCenter/award'>返佣奖励</el-menu-item>
          </el-submenu>
          <el-menu-item index='/personalCenter/gathering'>收款方式</el-menu-item>
          <el-menu-item index='/personalCenter/mentionMoney'>提币地址</el-menu-item>
          <!-- <el-menu-item >交易所社群</el-menu-item> -->
          <!-- <el-menu-item >VIP专享快速服务通道</el-menu-item> -->
          <el-menu-item index='/notice'>帮助中心</el-menu-item>
          <el-menu-item index='/personalCenter/apikeys'>API Keys</el-menu-item>
          <!-- <el-menu-item >更多设置</el-menu-item> -->
          <!-- <el-menu-item index='/personalCenter/commission'>{{$t('label194')}}</el-menu-item>
          <el-menu-item index='/personalCenter/arTimeBuy'>{{$t('label432')}}</el-menu-item> -->
        </el-menu>
      </div>
    </el-aside>
  </div>
</template>
<script>
export default {
  name: "user-aside",
  data() {
    return {
      userData: "",
      showLoading: true,
      TGurl:'',
    };
  },
  mounted() {
    this.showLoading = true;
    this.$bus.on("userLoaded", data => {
      if (data) {
        this.userData = data;
        this.TGurl = this.api.qrUrl +'#/user/register/?rid='  + this.userData.sharecode;
      }
      this.showLoading = false;
    });
  },
  methods: {
    handleSelect(key) {
      this.navigateTo(key);
    },
    onSuccess() {
      this.successMsg("复制成功");
    }
  }
};
</script>
<style lang="scss" scoped>
.el-aside {
  border-right: none;
  padding: 0;
  height: 100%;
  background-color: #0A0A0A;
}
.user-info {
  // border: $default-border;
  box-sizing: border-box;
  height: 100%;
  height: 100%;
}
.info-title {
  @include textVcenter(40px);
  color: #C3A26D;
  background-color: #0A0A0A;
  padding: 0 15px;
  border-bottom: 1px solid #282828;
}
.info-content {
  padding: 15px;
  border-top: $default-border;
  border-bottom: $default-border;
  dl {
    dd,
    dt {
      @include textVcenter(30px);
    }
  }
}
.copy-btn {
  cursor: pointer;
}
.vip-detail {
  color: blue;
}
.el-menu {
  background-color: #0A0A0A;
  >li {
    background-color: #0A0A0A;
    color: #DADADA;
  }
  >li:hover {
    background-color: #313131;
  }
}
.el-submenu__title {
  >span {
    color: #DADADA;
  }
}

.huanh{
  white-space : normal nowrap ;
}
</style>
